<script lang="ts" setup>
import MainPoint from './MainPoint.vue'

defineProps<{
  easyPoint: number
  logicPoint: number
  totalPoint: number
  contentPoint: number
}>()
</script>

<template>
  <view p="x-4 y-1" mb-2 style="box-shadow: 0 0 10rpx 0 #d5d5d5" rounded>
    <view flex items-center>
      <view flex flex-col mr-2 leading-3 font-bold text="24 #333" flex-shrink-0>
        <text>综合</text>
        <text>评分</text>
      </view>
      <text text="52 #f38e48" font-bold>
        {{ totalPoint }}
      </text>

      <view class="ml-9" wfull flex items-center justify-around>
        <MainPoint :point="contentPoint" title="内容实用" />
        <MainPoint :point="easyPoint" title="简洁易懂" />
        <MainPoint :point="logicPoint" title="逻辑清晰" />
      </view>
    </view>
  </view>
</template>
